<script setup>
import "bootstrap/dist/css/bootstrap.min.css"
import "bootstrap-icons/font/bootstrap-icons.css"
import QA from "@/components/QA.vue";
const itmems = [
  {
    title: "几何量",
    path: "/services/jhl",
    info: "几何量计量是现代计量科学技术的重要组成部分，居于十大计量之首，是最基础、最重要、生活中较常用的计量科学技术。提供几何量领域仪器仪表的计量服务。",
    icon: "border-all"
  },
  {
    title: "化学计量",
    path: "/services/hxjl",
    info: "化学计量仪器校准试验室，可开展酸度计、电导率仪、紫外可见分光光度计、色差仪、光泽度计、旋光仪、照度计、亮度计石油产品检测设备等项目的校准。",
    icon: "beaker"
  },
  {
    title: "力学计量",
    path: "/services/lxjl",
    info: "力学计量仪器校准试验室，提供质量计量、密度计量、力值计量、硬度计量、压力计量容量、流量等力学领域的仪器仪表计量服务。",
    icon: "hammer"
  },
  {
    title: "声学计量",
    path: "/services/sx",
    info: "随着社会科技水平的不断提升，声学计量仪器的发展和应用将会得到不断的优化和完善，通过提升声学计量仪器检定工作的质量和水平，对声学计量仪器的精度进行有效保障。",
    icon: "megaphone"
  },
  {
    title: "时间频率计量",
    path: "/services/sj",
    info: "时间频率计量校准试验室，可开展时间频率类仪器的校准，频率范围从直流到50GHz。",
    icon: "stopwatch"
  },
  { title: "无线电计量",
    path: "/services/wxd",
    info: "随着科学技术的进步，特别是微波技术、信号处理技术以及通讯技术等的迅速发展，对无线电计量测试提出了许多新的要求，从而极大的推动了无线电计量测试技术的发展。",
    icon: "rainbow"
  },
  {
    title: "电磁计量",
    path: "/services/dc",
    info: "电磁学计量包括电压、电流、电阻、电容(或电感)、磁感应强度、磁通和磁矩。",
    icon: "radioactive"
  },
  {
    title: "医疗器械计量",
    path: "/services/ylqx",
    info: "可开展医用磁共振成像系统、医用诊断螺旋计算机断层摄影装置(CT)X射线辐射源、医用诊断数字减影血管造影DSA系统X射线辐射源、医用诊断X射线辐射源、医用数字摄影(CR、DR)系统X射线辐射源、全景牙科机、X/γ射线骨密度仪、X射线探伤机、γ射线探伤机等电离辐射项目的校准。",
    icon: "prescription2"
  },
];
</script>

<template>
  <div class="my-5">
    <div class="p-5 text-center bg-body-tertiary">
      <div class="container py-5">
        <h1 class="text-body-emphasis">我们的服务</h1>
        <p class="col-lg-8 mx-auto lead">
          我们将秉承“产品先进、质量可靠、客户至上、服务一流”的方针，为广大用户及渠道分销商提供最优质的服务
        </p>
      </div>
    </div>
  </div>

  <div class="my-5">
    <div class="p-5 text-center bg-body-tertiary">
      <div class="container py-5">
        <h3 class="text-body-emphasis">一站式解决您的检测需求</h3>
        <h1 class="text-body-emphasis">检测项目</h1>
        <p class="col-lg-6 mx-auto">
          计量科学是整个科学技术体系的前沿，是国民经济和社会发展的重要技术基础，也是现代工业发展的三大支柱之一。计量是实现单位统一、保证量值准确可靠的活动，关系国计民生。它涉及各行各业所有领域，并按法律规定，对测量起着指导、监督、保证作用，计量检测水平高低是衡量企业市场竞争能力的重要因素。
        </p>
      </div>
    </div>
  </div>

  <div class="my-5">
    <div class="container">
      <div class="row row-cols-3">

        <div class="col" v-for="item in itmems">
          <div class="card border border-primary">
            <i class="bi" :class="['bi-'+item.icon]" style="font-size: 50px; color: cornflowerblue;"></i>
            <div class="card-body">
              <h5 class="card-title text-left">{{item.title}}</h5>
              <p class="card-text text-left">{{item.info}}</p>
              <router-link :to="item.path">了解更多</router-link>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <QA />

  <div class="my-5">
    <div class="container">
      <div class="row">
        <div class="col-4">
          <div class="card text-left">
            <b>准确，高效</b>
            <h5>专业的计量校准团队</h5>
            <div class="card-body">
              我们拥有众多专业的计量校准团队。以客户为本、为客户提供优越计量服务、合理的价格、完善的售后服务质量是公司的宗旨
            </div>
          </div>
          <div class="card text-left">
            <b>一站式服务</b>
            <h5>可检测范围广</h5>
            <div class="card-body">
              通过ISO17025计量准则要求，认可校准项目范围涵盖广，涵盖长度、力学、温度、电磁、无线电、光学、时间频率、理化、声学、电离等计量实验室。
            </div>
          </div>
          <div class="card text-left">
            <b>7X24小时服务</b>
            <h5>快速响应业务专家</h5>
            <div class="card-body">
              我们承诺，我们视设备的安全高效运转为立身之本，所有计量证书3天左右出证并提供额外加急服务。业务专家全面提供7×24小时的全天候响应服务，随时随地为您待命，做到全中国领衔的响应速度。
            </div>
          </div>
        </div>
        <div class="col-8">

          <div class="elementor-widget-wrap elementor-element-populated">
            <div
              class="elementor-element elementor-element-38212 elementor-widget elementor-widget-image elementor-motion-effects-parent"
              data-widget_type="image.default">
              <div class="elementor-widget-container elementor-motion-effects-element"
                style="--translateY: 25.072000000000003px; --e-transform-transition-duration: 0ms; transform: translateY(var(--translateY));">
                <img loading="lazy" decoding="async" width="344" height="258"
                  src="https://www.weiml.com/wp-content/uploads/2021/06/pathologycam-testing.jpg"
                  class="attachment-large size-large wp-image-2804" alt=""
                  sizes="(max-width: 344px) 100vw, 344px">
              </div>
            </div>

            <div
              class="elementor-element elementor-element-620286e8 elementor-widget elementor-widget-image elementor-motion-effects-parent"
              data-widget_type="image.default">
              <div class="elementor-widget-container elementor-motion-effects-element"
                style="--translateY: -0.6800000000000012px; --e-transform-transition-duration: 0ms; transform: translateY(var(--translateY));">
                <img loading="lazy" decoding="async" width="430" height="430"
                  src="https://www.weiml.com/wp-content/uploads/2021/06/Our-Services-pic-1.png"
                  class="attachment-full size-full wp-image-2805" alt="" sizes="(max-width: 430px) 100vw, 430px">
              </div>
            </div>

          </div>

        </div>
      </div>
    </div>
  </div>

</template>

<style scoped></style>